ফ্রন্টএন্ড জাইরোস্কোপ এপিআই: আধুনিক ওয়েবের জন্য ঘূর্ণন ট্র্যাকিং এবং নেভিগেশন

ফ্রন্টএন্ড জাইরোস্কোপ এপিআই ওয়েব অ্যাপ্লিকেশনগুলির জন্য ইন্টারঅ্যাকটিভিটির একটি নতুন দিগন্ত উন্মোচন করে, যা ডেভেলপারদের ডিভাইস মোশন সেন্সর দ্বারা সরবরাহকৃত ঘূর্ণন ডেটা ব্যবহার করতে দেয়। এটি বাস্তব-বিশ্বের নড়াচড়ার প্রতিক্রিয়া জানায় এমন স্বজ্ঞাত এবং আকর্ষণীয় ব্যবহারকারীর অভিজ্ঞতা তৈরি করতে সহায়তা করে। নিমজ্জন 3D পরিবেশ থেকে শুরু করে উদ্ভাবনী নেভিগেশন কৌশল পর্যন্ত, জাইরোস্কোপ এপিআই প্রচুর সম্ভাবনা উন্মোচন করে। এই বিস্তৃত নির্দেশিকাটি জাইরোস্কোপ এপিআই-এর জটিলতাগুলি নিয়ে আলোচনা করে, ব্যবহারিক উদাহরণ এবং অন্তর্দৃষ্টি প্রদান করে যা আপনাকে আপনার প্রকল্পগুলিতে এর ক্ষমতা ব্যবহার করতে সহায়তা করবে।

জাইরোস্কোপ এপিআই বোঝা

জাইরোস্কোপ এপিআই কী?

জাইরোস্কোপ এপিআই হল একটি ওয়েব এপিআই যা একটি ডিভাইসের তিনটি অক্ষ (x, y, এবং z) এর চারপাশে ঘূর্ণন হার অ্যাক্সেস করার সুবিধা দেয়। এই অক্ষগুলি ডিভাইসের স্ক্রিনের সাপেক্ষে সংজ্ঞায়িত করা হয়। এপিআই একটি জাইরোস্কোপ সেন্সরের উপর নির্ভর করে, যা স্মার্টফোন, ট্যাবলেট এবং কিছু ল্যাপটপে সাধারণত পাওয়া যায়। এই ডেটা অ্যাক্সেস করার মাধ্যমে, ওয়েব অ্যাপ্লিকেশনগুলি ডিভাইসের ওরিয়েন্টেশন ট্র্যাক করতে এবং সেই অনুযায়ী প্রতিক্রিয়া জানাতে পারে।

এপিআইটি ডিভাইস ওরিয়েন্টেশন এবং ডিভাইস মোশন এপিআইগুলির বৃহত্তর পরিবারের অংশ। ডিভাইস ওরিয়েন্টেশন এপিআই অ্যাক্সিলোমিটার এবং ম্যাগনেটোমিটার ব্যবহার করে পৃথিবীর কোঅর্ডিনেট সিস্টেমের সাপেক্ষে ডিভাইসের ওরিয়েন্টেশন সম্পর্কে তথ্য সরবরাহ করে, যেখানে জাইরোস্কোপ এপিআই বিশেষভাবে ঘূর্ণন হারের উপর দৃষ্টি নিবদ্ধ করে। কৌণিক বেগ সঠিকভাবে ট্র্যাক করার জন্য প্রয়োজনীয় অ্যাপ্লিকেশনগুলির জন্য এই পার্থক্যটি অত্যন্ত গুরুত্বপূর্ণ।

এটি কিভাবে কাজ করে

জাইরোস্কোপ এপিআই `Gyroscope` অবজেক্টের একটি স্ট্রীম সরবরাহ করে কাজ করে। প্রতিটি বস্তুতে তিনটি বৈশিষ্ট্য থাকে:

• x: x-অক্ষের চারপাশে ঘূর্ণনের হার, প্রতি সেকেন্ডে ডিগ্রীতে।
• y: y-অক্ষের চারপাশে ঘূর্ণনের হার, প্রতি সেকেন্ডে ডিগ্রীতে।
• z: z-অক্ষের চারপাশে ঘূর্ণনের হার, প্রতি সেকেন্ডে ডিগ্রীতে।

এই ডেটা অ্যাক্সেস করতে, আপনাকে একটি `Gyroscope` অবজেক্ট তৈরি করতে হবে এবং আপডেটের জন্য শোনা শুরু করতে হবে। তারপরে ব্রাউজার ব্যবহারকারীর কাছ থেকে ডিভাইসের জাইরোস্কোপ সেন্সর অ্যাক্সেস করার অনুমতি চাইবে।

ব্রাউজার সমর্থন

জাইরোস্কোপ এপিআই-এর জন্য ব্রাউজার সমর্থন সাধারণত Chrome, Firefox, Safari, এবং Edge সহ আধুনিক ব্রাউজারগুলিতে ভালো। তবে, আপনার টার্গেট ব্রাউজারগুলি সমর্থিত কিনা তা নিশ্চিত করতে MDN ওয়েব ডক্স-এর মতো সংস্থানগুলিতে সর্বশেষ সামঞ্জস্যের সারণীগুলি পরীক্ষা করা সবসময় ভালো।

জাইরোস্কোপ এপিআই প্রয়োগ করা হচ্ছে

আসুন আপনার ওয়েব অ্যাপ্লিকেশনটিতে জাইরোস্কোপ এপিআই কীভাবে প্রয়োগ করবেন তার একটি ব্যবহারিক উদাহরণ দেখি।

ধাপ ১: এপিআই-এর উপলব্ধতা পরীক্ষা করুন

জাইরোস্কোপ এপিআই ব্যবহার করার চেষ্টা করার আগে, ব্রাউজার এটি সমর্থন করে কিনা তা পরীক্ষা করা অপরিহার্য। এটি ত্রুটিগুলি প্রতিরোধ করে এবং অসমর্থিত পরিবেশের জন্য একটি সুন্দর ফলব্যাক নিশ্চিত করে।

            
if ('Gyroscope' in window) {
  // Gyroscope API is supported
  console.log('Gyroscope API is supported!');
} else {
  // Gyroscope API is not supported
  console.log('Gyroscope API is not supported.');
}

            

              
                Copy
              
            
          

ধাপ ২: ব্যবহারকারীর অনুমতিের জন্য অনুরোধ করুন

জাইরোস্কোপের মতো ডিভাইস সেন্সর অ্যাক্সেস করার জন্য ব্যবহারকারীর অনুমতি প্রয়োজন। পারমিশন এপিআই আপনাকে এই অনুমতিের জন্য অনুরোধ করতে এবং ব্যবহারকারীর প্রতিক্রিয়ার পরিচালনা করতে দেয়।

            
if (typeof DeviceMotionEvent.requestPermission === 'function') {
  DeviceMotionEvent.requestPermission()
    .then(permissionState => {
      if (permissionState === 'granted') {
        console.log('Gyroscope permission granted!');
        // Proceed to create and start the gyroscope
        initializeGyroscope();
      } else {
        console.log('Gyroscope permission denied.');
      }
    })
    .catch(console.error);
} else {
  // Non-iOS 13+ devices, no permission request needed
  initializeGyroscope();
}

            

              
                Copy
              
            
          

এই কোড স্নিপেটটি পরীক্ষা করে যে `DeviceMotionEvent.requestPermission` ফাংশন বিদ্যমান কিনা (এটি iOS 13+-এ উপলব্ধ)। যদি এটি থাকে, তবে এটি অনুমতিের জন্য অনুরোধ করে এবং `granted` বা `denied` অবস্থাগুলি পরিচালনা করে। নন-iOS 13+ ডিভাইসগুলির জন্য, আপনি সরাসরি জাইরোস্কোপ শুরু করতে পারেন।

ধাপ ৩: জাইরোস্কোপ তৈরি এবং শুরু করুন

আপনার অনুমতি পাওয়ার পরে (অথবা যদি কোনো অনুমতির প্রয়োজন না হয়), আপনি একটি `Gyroscope` অবজেক্ট তৈরি করতে পারেন এবং আপডেটের জন্য শোনা শুরু করতে পারেন।

            
function initializeGyroscope() {
  const gyroscope = new Gyroscope({ frequency: 60 }); // 60 updates per second

  gyroscope.addEventListener('reading', () => {
    // Access rotation data
    const x = gyroscope.x;
    const y = gyroscope.y;
    const z = gyroscope.z;

    console.log('Rotation X:', x, 'Rotation Y:', y, 'Rotation Z:', z);

    // Update UI or perform other actions based on the rotation data
    updateRotationDisplay(x, y, z);
  });

  gyroscope.addEventListener('error', event => {
    console.error('Gyroscope error:', event.error.name, event.error.message);
  });

  gyroscope.start();
}

function updateRotationDisplay(x, y, z) {
  // Example: Update HTML elements with rotation values
  document.getElementById('rotationX').textContent = x.toFixed(2);
  document.getElementById('rotationY').textContent = y.toFixed(2);
  document.getElementById('rotationZ').textContent = z.toFixed(2);
}

            

              
                Copy
              
            
          

এই উদাহরণে, আমরা 60Hz (প্রতি সেকেন্ডে 60টি আপডেট) ফ্রিকোয়েন্সি সহ একটি `Gyroscope` অবজেক্ট তৈরি করি। এরপরে আমরা একটি `reading` ইভেন্ট শ্রোতা যোগ করি যা নতুন ঘূর্ণন ডেটা উপলব্ধ হলে ট্রিগার হয়। ইভেন্ট শ্রোতার ভিতরে, আমরা `gyroscope` অবজেক্টের `x`, `y`, এবং `z` বৈশিষ্ট্যগুলি অ্যাক্সেস করি এবং ঘূর্ণন মানগুলির সাথে UI আপডেট করি। আমরা যেকোনো ত্রুটিগুলি পরিচালনা করার জন্য একটি `error` ইভেন্ট শ্রোতাও অন্তর্ভুক্ত করি যা ঘটতে পারে।

ধাপ ৪: ত্রুটিগুলি পরিচালনা করুন

জাইরোস্কোপ এপিআই ব্যবহার করার সময় ঘটতে পারে এমন ত্রুটিগুলি পরিচালনা করা গুরুত্বপূর্ণ। এই ত্রুটিগুলি বিভিন্ন কারণের কারণে হতে পারে, যেমন সেন্সর ত্রুটি বা অনুমতি সংক্রান্ত সমস্যা।

পূর্ববর্তী উদাহরণে `error` ইভেন্ট শ্রোতা ত্রুটিগুলি কীভাবে ধরতে এবং লগ করতে হয় তা প্রদর্শন করে। আপনি ব্যবহারকারীকে আরও তথ্যপূর্ণ ত্রুটি বার্তা সরবরাহ করতে পারেন বা ত্রুটি থেকে পুনরুদ্ধার করার চেষ্টা করতে পারেন।

জাইরোস্কোপ এপিআই-এর ব্যবহারিক অ্যাপ্লিকেশন

জাইরোস্কোপ এপিআই গেমিং এবং ভার্চুয়াল রিয়েলিটি থেকে শুরু করে অ্যাক্সেসিবিলিটি এবং শিল্প নিয়ন্ত্রণ পর্যন্ত বিস্তৃত অ্যাপ্লিকেশনগুলিতে ব্যবহার করা যেতে পারে।

গেমিং এবং নিমজ্জন অভিজ্ঞতা

জাইরোস্কোপ এপিআই বিশেষভাবে নিমজ্জন গেমিং অভিজ্ঞতা তৈরির জন্য উপযুক্ত। ডিভাইসের ওরিয়েন্টেশন ট্র্যাক করে, আপনি খেলোয়াড়দের গেমের ভিউপয়েন্ট নিয়ন্ত্রণ করতে বা আরও স্বাভাবিক উপায়ে গেমের বিশ্বের সাথে ইন্টারঅ্যাক্ট করতে দিতে পারেন। উদাহরণস্বরূপ:

• ফার্স্ট-পার্সন শুটার: খেলোয়াড়ের লক্ষ্য করার দিকটি নিয়ন্ত্রণ করতে জাইরোস্কোপ ব্যবহার করুন।
• রেসিং গেম: গাড়িটি চালাতে জাইরোস্কোপ ব্যবহার করুন।
• ভার্চুয়াল রিয়েলিটি অভিজ্ঞতা: সম্পূর্ণরূপে নিমজ্জন VR পরিবেশ তৈরি করতে জাইরোস্কোপকে অন্যান্য সেন্সরগুলির সাথে (যেমন অ্যাক্সিলোমিটার) একত্রিত করুন।

প্যারিসের লুভর জাদুঘরের ভার্চুয়াল রিয়েলিটি ট্যুরের কল্পনা করুন। ব্যবহারকারীরা বিভিন্ন শিল্পকর্ম দেখতে শারীরিকভাবে তাদের মাথা ঘোরাতে পারবে, যা আরও আকর্ষণীয় এবং বাস্তবসম্মত অভিজ্ঞতা তৈরি করবে।

নেভিগেশন এবং ম্যাপিং

জাইরোস্কোপ এপিআই নেভিগেশন এবং ম্যাপিং অ্যাপ্লিকেশনগুলিকে উন্নত করতে ব্যবহার করা যেতে পারে। ডিভাইসের ঘূর্ণন ট্র্যাক করে, আপনি আরও সঠিক এবং প্রতিক্রিয়াশীল মানচিত্রের ওরিয়েন্টেশন সরবরাহ করতে পারেন। উদাহরণস্বরূপ:

• ইনডোর নেভিগেশন: GPS সংকেত দুর্বল বা অনুপলব্ধ এমন ইনডোর পরিবেশে ব্যবহারকারীর শিরোনাম ট্র্যাক করতে জাইরোস্কোপ ব্যবহার করুন।
• অগমেন্টেড রিয়েলিটি ম্যাপিং: ডিভাইসের ওরিয়েন্টেশনের উপর ভিত্তি করে বাস্তব বিশ্বের উপরে ডিজিটাল তথ্য ওভারলে করুন।

দুবাইয়ের একটি বিশাল শপিং মলে ব্যবহারকারীদের তাদের পথ খুঁজে পেতে সহায়তা করে এমন একটি এআর অ্যাপ্লিকেশন বিবেচনা করুন। অ্যাপ্লিকেশনটি ব্যবহারকারীর ক্যামেরা ভিউতে দিকনির্দেশ সঠিকভাবে ওভারলে করতে জাইরোস্কোপ ব্যবহার করতে পারে, যা জটিল পরিবেশে নেভিগেট করা সহজ করে তুলবে।

অ্যাক্সেসিবিলিটি

জাইরোস্কোপ এপিআই প্রতিবন্ধী ব্যবহারকারীদের জন্য অ্যাক্সেসিবিলিটি উন্নত করতেও ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ:

• বিকল্প ইনপুট পদ্ধতি: ব্যবহারকারীদের মাথা নড়াচড়া ব্যবহার করে ওয়েব অ্যাপ্লিকেশনগুলি নিয়ন্ত্রণ করার অনুমতি দিন।
• মোশন-ভিত্তিক সতর্কতা: নির্দিষ্ট ডিভাইস নড়াচড়ার উপর ভিত্তি করে সতর্কতা প্রদান করুন।

মোটর দুর্বলতা সম্পন্ন ব্যবহারকারীদের জন্য, একটি ওয়েব অ্যাপ্লিকেশন জাইরোস্কোপ ব্যবহার করে মাথার নড়াচড়াকে মাউস কার্সার নড়াচড়ায় অনুবাদ করতে পারে, যা একটি বিকল্প ইনপুট পদ্ধতি সরবরাহ করে।

শিল্প নিয়ন্ত্রণ এবং পর্যবেক্ষণ

শিল্প সেটিংসে, জাইরোস্কোপ এপিআই সরঞ্জামগুলির দূরবর্তী নিয়ন্ত্রণ এবং পর্যবেক্ষণের জন্য ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ:

• রোবোটিক্স: ডিভাইসের ওরিয়েন্টেশন ব্যবহার করে রোবটগুলির গতিবিধি নিয়ন্ত্রণ করুন।
• সরঞ্জাম পর্যবেক্ষণ: দুর্ঘটনারোধ বা অস্বাভাবিকতা সনাক্ত করতে যন্ত্রপাতির ওরিয়েন্টেশন ট্র্যাক করুন।

টোকিওতে একটি নির্মাণ সাইটের কথা কল্পনা করুন যেখানে কর্মীরা ভারী যন্ত্রপাতি দূর থেকে নিয়ন্ত্রণ করতে জাইরোস্কোপ সেন্সর সজ্জিত ট্যাবলেট ব্যবহার করে, যা নিরাপত্তা এবং দক্ষতা উন্নত করে।

জাইরোস্কোপ এপিআই ব্যবহারের জন্য সেরা অনুশীলন

একটি মসৃণ এবং নির্ভরযোগ্য ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করতে, জাইরোস্কোপ এপিআই ব্যবহার করার সময় নিম্নলিখিত সেরা অনুশীলনগুলি বিবেচনা করুন:

সাবধানে অনুমতিগুলি পরিচালনা করুন

জাইরোস্কোপ সেন্সর অ্যাক্সেস করার আগে সর্বদা ব্যবহারকারীর অনুমতিের জন্য অনুরোধ করুন। কেন আপনার সেন্সর অ্যাক্সেস দরকার এবং এটি কীভাবে ব্যবহার করা হবে সে সম্পর্কে পরিষ্কার ব্যাখ্যা প্রদান করুন। ব্যবহারকারী অনুমতি অস্বীকার করলে তাদের সিদ্ধান্তকে সম্মান করুন।

ফ্রিকোয়েন্সি অপটিমাইজ করুন

`Gyroscope` কনস্ট্রাক্টরের `frequency` বিকল্পটি নির্ধারণ করে যে এপিআই কত ঘন ঘন আপডেট সরবরাহ করে। উচ্চ ফ্রিকোয়েন্সি আরও সঠিক ডেটা সরবরাহ করে তবে আরও ব্যাটারি পাওয়ারও খরচ করে। আপনার নির্দিষ্ট অ্যাপ্লিকেশনটির জন্য নির্ভুলতা এবং পারফরম্যান্সের মধ্যে ভারসাম্য বজায় রাখে এমন একটি ফ্রিকোয়েন্সি চয়ন করুন। অনেক অ্যাপ্লিকেশনের জন্য 60Hz একটি ভাল শুরু।

ডেটা ফিল্টার এবং মসৃণ করুন

জাইরোস্কোপ সেন্সর থেকে আসা কাঁচা ডেটা নয়েজি হতে পারে। নয়েজ কমাতে এবং আপনার অ্যাপ্লিকেশনটির স্থিতিশীলতা উন্নত করতে ফিল্টারিং এবং মসৃণকরণ কৌশলগুলি প্রয়োগ করুন। সাধারণ ফিল্টারিং কৌশলগুলির মধ্যে মুভিং অ্যাভারেজ ফিল্টার এবং কালমান ফিল্টার অন্তর্ভুক্ত।

সেন্সর ক্যালিব্রেট করুন

জাইরোস্কোপ সময়ের সাথে সাথে প্রবাহিত হতে পারে, যার ফলে ঘূর্ণন ডেটাতে ভুলতা দেখা দেয়। এই প্রবাহের ক্ষতিপূরণ করার জন্য ক্যালিব্রেশন রুটিন প্রয়োগ করুন। এর মধ্যে ব্যবহারকারীকে একটি নির্দিষ্ট প্যাটার্নে ডিভাইসটি ঘোরাতে প্রম্পট করা জড়িত থাকতে পারে।

ব্যাটারির জীবন বিবেচনা করুন

ডিভাইস সেন্সর অ্যাক্সেস করা উল্লেখযোগ্য ব্যাটারি পাওয়ার খরচ করতে পারে। যখন প্রয়োজন না হয় তখন জাইরোস্কোপ এপিআই-এর ব্যবহার কম করুন এবং পারফরম্যান্সের জন্য আপনার কোড অপটিমাইজ করুন। পৃষ্ঠাটি দৃশ্যমান না হলে জাইরোস্কোপ আপডেটগুলি থামাতে পেজ ভিজিবিলিটি এপিআই ব্যবহার করার কথা বিবেচনা করুন।

ফলব্যাক সরবরাহ করুন

সমস্ত ডিভাইসে জাইরোস্কোপ সেন্সর নেই এবং কিছু ব্যবহারকারী সেন্সর অ্যাক্সেস অক্ষম করতে পারেন। এই পরিস্থিতিতে সুন্দর ফলব্যাক সরবরাহ করুন। এর মধ্যে বিকল্প ইনপুট পদ্ধতি ব্যবহার করা বা জাইরোস্কোপ ডেটার উপর নির্ভর করে এমন বৈশিষ্ট্যগুলি অক্ষম করা জড়িত থাকতে পারে।

উন্নত কৌশল

সেন্সর ফিউশন

আরও সঠিক এবং শক্তিশালী ওরিয়েন্টেশন ট্র্যাকিংয়ের জন্য, অ্যাক্সিলোমিটার এপিআই এবং ম্যাগনেটোমিটার এপিআই-এর মতো অন্যান্য সেন্সর এপিআই-এর সাথে জাইরোস্কোপ এপিআই একত্রিত করার কথা বিবেচনা করুন। সেন্সর ফিউশন অ্যালগরিদমগুলি প্রতিটি পৃথক সেন্সরের সীমাবদ্ধতাগুলি পূরণ করতে একাধিক সেন্সর থেকে ডেটা একত্রিত করতে পারে।

কোয়াটারনিয়ন উপস্থাপনা

যদিও জাইরোস্কোপ এপিআই তিনটি অক্ষের চারপাশে ঘূর্ণন হার সরবরাহ করে, তবে প্রায়শই কোয়াটারনিয়ন ব্যবহার করে ওরিয়েন্টেশন উপস্থাপন করা আরও সুবিধাজনক। কোয়াটারনিয়ন হল ঘূর্ণনের একটি গাণিতিক উপস্থাপনা যা গিম্বল লক এড়িয়ে চলে এবং আরও স্থিতিশীল ইন্টারপোলেশন সরবরাহ করে। আপনি আপনার ওয়েব অ্যাপ্লিকেশনটিতে কোয়াটারনিয়নগুলির সাথে কাজ করতে Three.js বা gl-matrix-এর মতো লাইব্রেরি ব্যবহার করতে পারেন।

3D ইঞ্জিনগুলির সাথে ইন্টিগ্রেশন

জাইরোস্কোপ এপিআই সহজেই 3D ইঞ্জিনগুলির সাথে একত্রিত করা যেতে পারে যেমন Three.js এবং Babylon.js নিমজ্জন 3D অভিজ্ঞতা তৈরি করতে। এই ইঞ্জিনগুলি 3D দৃশ্য রেন্ডার করার, ব্যবহারকারীর ইনপুট পরিচালনা করার এবং ডিভাইস ওরিয়েন্টেশন পরিচালনা করার জন্য সরঞ্জাম সরবরাহ করে।

উপসংহার

ফ্রন্টএন্ড জাইরোস্কোপ এপিআই আকর্ষণীয় এবং ইন্টারেক্টিভ ওয়েব অভিজ্ঞতা তৈরির জন্য একটি শক্তিশালী সরঞ্জাম। এর ক্ষমতাগুলি বোঝা এবং সেরা অনুশীলনগুলি অনুসরণ করে, আপনি ব্যবহারকারীর মিথস্ক্রিয়া একটি নতুন দিগন্ত উন্মোচন করতে পারেন এবং এমন অ্যাপ্লিকেশন তৈরি করতে পারেন যা বাস্তব-বিশ্বের নড়াচড়ার প্রতিক্রিয়া জানায়। গেমিং এবং ভার্চুয়াল রিয়েলিটি থেকে শুরু করে নেভিগেশন এবং অ্যাক্সেসিবিলিটি পর্যন্ত, সম্ভাবনাগুলি অফুরন্ত। ওয়েব যেমন বিকশিত হচ্ছে, জাইরোস্কোপ এপিআই নিঃসন্দেহে ব্যবহারকারী ইন্টারফেসের ভবিষ্যত গঠনে ক্রমবর্ধমান গুরুত্বপূর্ণ ভূমিকা পালন করবে।

এই গাইডে প্রদত্ত উদাহরণগুলির সাথে পরীক্ষা করুন, উপলব্ধ সংস্থানগুলি অন্বেষণ করুন এবং জাইরোস্কোপ এপিআই-এর সম্পূর্ণ সম্ভাবনা আবিষ্কার করার সময় আপনার সৃজনশীলতাকে আপনার পথপ্রদর্শক হতে দিন।

আরও সংস্থান

• MDN ওয়েব ডক্স: জাইরোস্কোপ এপিআই
• W3C ডিভাইস ওরিয়েন্টেশন ইভেন্ট স্পেসিফিকেশন
• Three.js
• gl-matrix